<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
	    <title>gcode theme for blogger</title>
		<link rel="stylesheet" href="style.css" type="text/css" />	
		<style type="text/css" media="screen" id="test">
		   
			ul {
				clear: left;
				display: inline;
				text-align: center;
				list-style-type: none; 
			}
			li {
				float: left;
				display: inline;
				background-color: #c3d9ff;
				margin-left: 20px;
				text-align: center;
			}
			div.tc1 {
				background: url(http://code.google.com/hosting/images/ul.gif) no-repeat top left;		
				height: 4px;	
				padding: 0 0 0 0;
			}
			div.tc2 {
				background: url(http://code.google.com/hosting/images/ur.gif) no-repeat top right;		
				height: 4px;
				padding: 1px 6px;
			}
			div.tT {
  				padding: 0px 1em 2px 1em;
  				font-family: arial, sans-serif;
  				font-size: 12px;	
			}
		</style>	
	</head>
	<body class='t1'>
	    <div id="blog-title" class="title-div">
			<h1>my blog</h1>
		    <p>just another blogger use google style</p>
		</div>
		
		<div id="blog-menu" class="menu-div">
		    <ul>
			    <li>
					<div class="tc1"><div class="tc2"></div></div>
				    <div class="tT">home</div>		    
				</li>
				<li>
					<div class="tc1"><div class="tc2"></div></div>
					<div class="tT">article</div>
				</li>
				<li>
					<div class="tc1"><div class="tc2"></div></div>
					<div class="tT">another website</div>
				</li>
			</ul>
		</div>
	</body>
</html>